project絞り込み機能 (scrapbox-select-suggestion)
UI
補完windowの隣に、markを縦に並べたwindowを移す
灰色のアイコンは除外されたproject、色のあるアイコンが検索候補になっているproject
検索に引っかからなかったprojectは表示しない
除外設定はlocal storageに保存し、再読込しても設定を維持するようにする
実装
2つある
並び替え済みの検索結果リストを、projectごとに保持する
表示するリストだけ合成して表示する
複雑になってきたかも……
これだと、別projectの同名リンクを別に保持することになるのか
表示するときに合成するのもめんどくさそう
10:48:52 表示調整
違うそうじゃない
https://gyazo.com/02ac77b23c1f05e374205948bba69f3d
縦一列に並ぶようにしよう
あーでも、三段組でもいいかもしれないtakker.icon
仕切りを外すか。あと幅をより狭める
11:06:57 <button>を使うとfocusが奪われる。imgを直接クリックさせるようにしたほうがよさそう 11:34:07 縦長でも気にならないかも？
https://gyazo.com/37fab4c811acaa6188d1fb2d8a77d7ff
UserCSSでなんとかできるようにすればいいか
絞り込んだことを示すために、押したら灰色にする
アイコンによっては分かりづらい。背景ごと変えたほうがいいかも
https://gyazo.com/155a03ed06073ee1b44763f800d27d46
これでいいや
10:27:19 projectの絞り込みにかかる時間
ミスで検索
https://gyazo.com/75a7eeed4e0ab0f6d5f36757d5a601e4
useで検索
検索結果が7000件以上あった
https://gyazo.com/8d98ef4856fe209f74e91074dcc10951
やはり絞り込みアルゴリズムが雑なせいで、やや時間をとってしまう
見つかったprojectを作成する処理にはほとんど時間がかからない
もう計測しなくてよさそうだ
10:23:54 コードは完成した。動くか試す
(従来の方法)検索候補にprojectの情報をもたせ、表示のときに絞り込みする
課題
候補確定自体はできるっぽい
キーボードを使った選択範囲変更などができなくなる